<!DOCTYPE html>
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>加入我们，一起成长</title>
    <meta name="keywords" content="中科大家教中心,科大家教,打豆豆科大家教">
    <meta name="description" content="打豆豆科大家教是科大官方唯一认证的科大学生家教​‌‌平台,所有学生均是中国科技大学的学生,为信任我们的家长提供超预期有保障的优质家教服务">
    <meta name="author" content="Beatsbeans团队">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="__PUBLIC__/index/bootstrap.min.css">
    <!-- <link href="__PUBLIC__/index/css" rel="stylesheet" type="text/css"> -->
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/index/style.css">
    <script charset="utf-8" src="__PUBLIC__/index/v.js"></script>
    <!-- // <script charset="UTF-8" src="__PUBLIC__/index/btn_pc.min.js"></script> -->
    <script charset="UTF-8" src="__PUBLIC__/index/base.js"></script>
    <!-- // <script src="__PUBLIC__/index/hm.js"></script> -->
    <script src="__PUBLIC__/index/jquery.min.js"></script>
    <script src="__PUBLIC__/index/bootstrap.min.js"></script>
    <!-- // <script src="__PUBLIC__/index/classie.js"></script> -->
    <script src="__PUBLIC__/index/mechat.js" charset="UTF-8" async="async"></script>
    <!-- // <script src="__PUBLIC__/index/login.js"></script> -->
    <script src="__PUBLIC__/index/global.js"></script>

    <style type="text/css">#MECHAT-PCBTN{font-family: "Helvetica Neue", Helvetica, "Microsoft Yahei", Arial, sans-serif;font-size: 16px;line-height: 24px;position:fixed;bottom:-100%;background:#1abc9c;color:#fff;text-align:center;padding:10px 15px 8px;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;z-index:2147483645;}#MECHAT-PCBTN span{display:inline-block;height:24px;padding:0 0 0 34px;background:url("//meiqia.com/images/pc_btn_icon.png") 0 0 no-repeat}#MECHAT-LAYOUT{position:fixed;right:80px;bottom:-100%;width:300px;height:430px;z-index:2147483647; overflow:hidden;background: #fff;border:1px solid #1abc9c;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0 3px 2px rgba(135,135,135,0.1)}#MECHAT-PCBTN,#MECHAT-LAYOUT{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}</style><style type="text/css">#yddContainer{display:block;font-family:Microsoft YaHei;position:relative;width:100%;height:100%;top:-4px;left:-4px;font-size:12px;border:1px solid}#yddTop{display:block;height:22px}#yddTopBorderlr{display:block;position:static;height:17px;padding:2px 28px;line-height:17px;font-size:12px;color:#5079bb;font-weight:bold;border-style:none solid;border-width:1px}#yddTopBorderlr .ydd-sp{position:absolute;top:2px;height:0;overflow:hidden}.ydd-icon{left:5px;width:17px;padding:0px 0px 0px 0px;padding-top:17px;background-position:-16px -44px}.ydd-close{right:5px;width:16px;padding-top:16px;background-position:left -44px}#yddKeyTitle{float:left;text-decoration:none}#yddMiddle{display:block;margin-bottom:10px}.ydd-tabs{display:block;margin:5px 0;padding:0 5px;height:18px;border-bottom:1px solid}.ydd-tab{display:block;float:left;height:18px;margin:0 5px -1px 0;padding:0 4px;line-height:18px;border:1px solid;border-bottom:none}.ydd-trans-container{display:block;line-height:160%}.ydd-trans-container a{text-decoration:none;}#yddBottom{position:absolute;bottom:0;left:0;width:100%;height:22px;line-height:22px;overflow:hidden;background-position:left -22px}.ydd-padding010{padding:0 10px}#yddWrapper{color:#252525;z-index:10001;background:url(chrome-extension://ibogfemlnclpecapkojhmanpiebldbnk/ab20.png);}#yddContainer{background:#fff;border-color:#4b7598}#yddTopBorderlr{border-color:#f0f8fc}#yddWrapper .ydd-sp{background-image:url(chrome-extension://ibogfemlnclpecapkojhmanpiebldbnk/ydd-sprite.png)}#yddWrapper a,#yddWrapper a:hover,#yddWrapper a:visited{color:#50799b}#yddWrapper .ydd-tabs{color:#959595}.ydd-tabs,.ydd-tab{background:#fff;border-color:#d5e7f3}#yddBottom{color:#363636}#yddWrapper{min-width:250px;max-width:400px;}</style></head>
<body>

<div class="section img-wrapper login-page" style="height: 661px;">
    <!-- <img src="" data-src-pc=http://beatsbeans-0.oss-cn-beijing.aliyuncs.com/static_20151014/img/login_green_bg.jpg data-src-mobile=http://beatsbeans-0.oss-cn-beijing.aliyuncs.com/static_20151014/img/login_green_mobile.jpg class="img-responsive login-bg"> -->
</div>

<div class="login-wrapper">
    <div class="text-center login-header">
        <h4 class="heading">
            加入我们&nbsp;一起成长
        </h4>
    </div>

    <!-- register begin -->
        <div class="register-on" style="display:block;" id="register">

            <div class="register-part inner-part">

                <div class="alert alert-danger" role="alert" style="display: none;" id="register_alert_danger">您输入的账号已被注册.</div>
                <div class="alert alert-success" role="alert" style="display: none;" id="register_alert_success">注册成功.在<b>2</b>秒后返回主页</div>
                <div class="alert alert-danger" role="alert" style="display: none;" id="register_code_error">验证码错误</div>

                <div class="certify">
                    <div class="row">
                        <div class="col-md-6 col-xs-6">
                            <a>
                            <h4 class="certify-option certify-tutor active" type="1">我是教员</h4>
                            </a>
                        </div>
                        <div class="col-md-6 col-xs-6">
                            <a><h4 class="certify-option certify-parent" type="2">我是家长</h4>
                        </div>
                    </div>
                </div>

                <div class="row input-field" style="margin-top: -10px;">
                    <div class="col-md-12">
                        <input type="phone" class="form-control" placeholder="手机号" id="register_phone" name="phone">
                        <input type="password" class="form-control" placeholder="密码 不能少于6位" id="register_pass" name="password" maxlength="16">
                    </div>
                </div>

                <div class="row" style="margin-bottom: 10px;">

                    <div class="col-md-5 col-xs-5">
                        <input class="form-control login-field" name="code" id="validate_input" placeholder="验证码">
                    </div>

                    <div class="col-md-7 col-xs-7" style="text-align: left;">

                    </div>
                    <p class="validate_bingo" style="display:none;">输入正确 <i class="iconfont-2"></i></p>
                    <p class="validate_error" style="display:none;">请重新输入 </p>
                    <div class="validate_code" id="validate_code" style="display:none;"><span style="color:#33C699">n</span><span style="color:#F963F9">r</span><span style="color:#F60FC0">n</span><span style="color:#C39C03">b</span></div>
                    <!-- @todo -->
                    <img src="__ROOT__/index.php/Pub/Code/code?v=<?php echo rand(1,999) ?>" alt="" width="110" height="40" onclick="this.src='__ROOT__/index.php/Pub/Code/code?d='+Math.random();" style="margin-bottom: 15px;">
                </div>


            <!-- ./row -->

            <div class="row">
                <div class="col-md-6 col-xs-6">
                    <input class="form-control login-field" value="" placeholder="短信验证码" id="register_code" name="sms_salt">
                    <label for="code" class="login-field-icon fui-lock"></label>
                </div>

                <div class="col-md-6 col-xs-6">
                    <button type="button" class="btn right btn-default code-btn" id="code_btn" style="width:100%;color:#000;">
                        <p style="color: #222;" id="getCode">获取短信验证码</p>
                    </button>
                </div>

                <!-- <div class="col-md-6 col-xs-6">
                    <div  class="btn right btn-default code-btn" id="code_btn" style="color:#000;">
                        <p style="color: #222; margin: 4px 0" id="getCode" class="get-code">获取短信验证码</p>
                    </div>
                </div> -->
            </div>
            <!-- ./row -->

            <a href="javascript:;" class="btn white btn-lg btn-block sign_btn" id="sign_btn" style="background-color: #4c9bda;">教员注册</a>

            <div class="login-footer" style="text-align: left">
                <a class="goto-login" href="javascript:;"><i class="iconfont-2"></i>直接登录</a>
            </div>

            <p class="text-muted" style="text-align: left;">点击注册，即表示您已同意并遵守超老师<a href="javascript:;">网站条款</a></p>

        </div>
        <!-- ./register-part -->
</div>
<!-- register ENDS -->
</div>
<script src="__PUBLIC__/index/jquery-btnTime-min.js"></script>
<script type="text/javascript" src="/Public/index/register.js"></script>
</body>
</html>
